<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title>组织机构信息</title>
  <script src="../js/mui.min.js"></script>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <link href="css/mui.min.css" rel="stylesheet" />
  <link href="css/mui.picker.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/organ_rz.min.css">
</head>

<body>
  <div class="wrap" id="app">
    <div class="toptip">企业名称需输入全称，所有输入的信息请与营业执照保持一致</div>
    <div class="main">
      <!-- 联系客服 -->
      <div class="kefu" v-if="env!='mp'" onclick="toKefu()">
        <img :src="ossImgUrl+'btn_kf.png'" alt="">
      </div>
      <!-- 模块标题 -->
      <div class="modeltitle">
        <span class="iconspan"></span>
        <span>组织机构实名认证</span>
      </div>
      <!-- 内容 -->
      <div class="content">
        <ul>
          <li class="self_li">
            <div>
              <span class="circle" :class="enp_type==2 && 'circleclick'" @click="switchEnpType(2)"></span>
              <span>企业</span>
            </div>
            <div>
              <span class="circle" :class="enp_type==1 && 'circleclick'" @click="switchEnpType(1)"></span>
              <span>个体工商户</span>
            </div>
          </li>
          <li class="self_li">
            <div>
              <span class="circle" :class="enp_code_type==2 && 'circleclick'" @click="switchEnpCodeType(2)"></span>
              <span>统一社会信用代码</span>
            </div>
            <div>
              <span class="circle" :class="enp_code_type==1 && 'circleclick'" @click="switchEnpCodeType(1)"></span>
              <span>营业执照注册号</span>
            </div>
          </li>
          <li class="li_item" v-if="enp_code_type==1">
            <input type="text" v-model="enp_code" maxlength="15" @blur="verifyEnpcode"
              onKeyUp="value=value.replace(/[\W]/g,'')" placeholder="请输入营业执照注册号">
          </li>
          <li class="li_item" v-else>
            <input type="text" v-model="enp_code" maxlength="18" @blur="verifyEnpcode"
              onKeyUp="value=value.replace(/[\W]/g,'')" placeholder="请输入统一社会信用代码">
          </li>
          <!-- 企业 -->
          <li class="li_item" v-if="enp_type==2">
            <p>企业名称:</p>
            <input type="text" v-model="enp_title" placeholder="请输入企业名称" @blur="mustClick"
              onKeyUp="this.value=this.value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" />
          </li>
          <li class="li_item" v-if="enp_type==2">
            <p>法定代表人:</p>
            <input type="text" v-model="enp_user" placeholder="请输入法定代表人" @blur="mustClick"
              onKeyUp="this.value=this.value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" />
          </li>
          <li class="selfli" v-if="enp_type==2">
            <p>营业截止日期:</p>
            <div class="selfli_rt">
              <div class="top" @click="switchEnpTimeType(1)">
                <span class="circle" :class="enp_time_type==1 && 'circleclick'"></span>
                <span>长期</span>
              </div>
              <div class="bottom" @click="switchEnpTimeType(2)">
                <span class="circle" :class="enp_time_type==2 && 'circleclick'"></span>
                <input type="text" v-model="enp_lose_time" readonly placeholder="请选择营业截止日期" />
                <span class="dateicon" @click="selectDate"></span>
              </div>
            </div>
          </li>
          <!-- 个体工商户 -->
          <li class="li_item" v-if="enp_type==1">
            <p>经营者:</p>
            <input type="text" v-model="enp_user" placeholder="请输入经营者" @blur="mustClick"
              onKeyUp="this.value=this.value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" />
          </li>
          <li class="li_item" v-if="enp_type==1">
            <p>名称:</p>
            <input type="text" v-model="enp_title" placeholder="请输入名称" @blur="mustClick"
              onKeyUp="this.value=this.value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" />
          </li>
        </ul>
      </div>
      <!-- 营业执照照片 -->
      <div class="self_content">
        <div class="lftitle">营业执照照片:</div>
        <div class="picitem">
          <div class="nopic" v-if="!zz_pic1">
            <input type="file" accept="image/*" @change="upLoad('input1',1)" ref="input1">
            <img :src="ossImgUrl+'certificates_bg.png'" alt="">
            <span>上传营业执照照片</span>
          </div>
          <div class="haspic" v-else>
            <img :src="zz_pic1" alt="">
            <span class="del" @click="deletePic(1)"></span>
          </div>
        </div>
        <div class="picitem">
          <div class="nopic" v-if="!zz_pic2">
            <input type="file" accept="image/*" @change="upLoad('input2',2)" ref="input2">
            <img :src="ossImgUrl+'certificates_bg.png'" alt="">
            <span>上传营业执照照片</span>
          </div>
          <div class="haspic" v-else>
            <img :src="zz_pic2" alt="">
            <span class="del" @click="deletePic(2)"></span>
          </div>
        </div>
        <div class="picitem">
          <div class="nopic" v-if="!zz_pic3">
            <input type="file" accept="image/*" @change="upLoad('input3',3)" ref="input3">
            <img :src="ossImgUrl+'certificates_bg.png'" alt="">
            <span>上传营业执照照片</span>
          </div>
          <div class="haspic" v-else>
            <img :src="zz_pic3" alt="">
            <span class="del" @click="deletePic(3)"></span>
          </div>
        </div>
      </div>
      <div class="content">
        <ul>
          <!-- 企业 -->
          <!-- 大陆 -->
          <li class="li_item" v-if="enp_type==2">
            <p>法人身份证号:</p>
            <input type="text" v-model="user_number" maxlength="18" placeholder="请输入法人证件号"
              onKeyUp="value=value.replace(/[\W]/g,'').replace(/\s/g,'')" @blur="verifyId" />
          </li>
          <!-- 个体工商户 -->
          <!-- 大陆 -->
          <li class="li_item" v-if="enp_type==1">
            <p>经营者身份证号:</p>
            <input type="text" v-model="user_number" maxlength="18" placeholder="请输入经营者证件号"
              onKeyup="value=value.replace(/[\W]/g,'').replace(/\s/g,'')" @blur="verifyId" />
          </li>
          <!-- 证件照 -->
          <li class="self_imgbox">
            <!-- 企业 -->
            <div class="lftitle" v-if="enp_type==2">法人身份证照片:</div>
            <!-- 个体 -->
            <div class="lftitle" v-if="enp_type==1">经营者身份证照片:</div>
            <div class="imgbox">
              <div class="imgitem">
                <div class="noimg" v-if="!user_front_img">
                  <input type="file" accept="image/*" @change="upLoad('input4',4)" ref="input4">
                  <img :src="ossImgUrl+'certificates_bg_2.png'" alt="">
                  <span>上传证件正面照</span>
                </div>
                <div class="hasimg" v-else>
                  <img :src="user_front_img" alt="">
                  <span class="delimg" @click="deletePic(4)"></span>
                </div>
              </div>
              <div class="imgitem">
                <div class="noimg" v-if="!user_verso_img">
                  <input type="file" accept="image/*" @change="upLoad('input5',5)" ref="input5">
                  <img :src="ossImgUrl+'certificates_bg_3.png'" alt="">
                  <span>上传证件反面照</span>
                </div>
                <div class="hasimg" v-else>
                  <img :src="user_verso_img" alt="">
                  <span class="delimg" @click="deletePic(5)"></span>
                </div>
              </div>
            </div>
          </li>
          <li class="li_item" @click="selectAddress">
            <p>常住地址:</p>
            <input type="text" v-model="address" readonly placeholder="请选择常住地址" />
            <span class="rowicon"></span>
          </li>
        </ul>
      </div>
    </div>
    <!-- msg -->
    <div class="msgtext">实名认证服务由e签宝提供技术支持</div>
    <!-- 下一步 -->
    <div class="nextstep" :class="!flag&&'opacity'" @click="submit">
      <p class="nextmsg">下一步</p>
    </div>
  </div>
</body>
<script src="../js/flex.js"></script>
<script src="../js/mui.picker.min.js"></script>
<script src="../js/exif.js"></script>
<script src="../js/jquery-3.4.1.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/request.js"></script>
<script src="js/organ_rz.js"></script>
<script src="../js/not_return.js"></script>

</html>